<template>
	<view>
		<calendar ref="calendar" :date="date" @monthSwitch="monthSwitch" @change="handleSelect"
			@weekPlanClick="weekPlanClick" @datePlanClick="datePlanClick" lunar :showDay="prop.showDay"
			:showPlan="prop.showPlan" :showMonth="prop.showMonth" :needState="prop.needState" />
	</view>
</template>

<script setup lang="ts">
	import { ref, onMounted } from 'vue'
	import { onLoad, onShow } from '@dcloudio/uni-app'
	import { planList } from './data.js'
	import Calendar from '@/components/calendar-zhikuany/calendar.vue'
	/**
	 * 本组件是基于uni-calendar（V1.5.5）之上增加了一些个性化功能点，如打卡日历，日历日程，日历排班，打卡排班等功能
	 * 小点的位置 point.position [1, 2, 3, 4, 5, 6] 红点位置，[左上角, 右上角, 右下角, 左下角, 上中间, 下中间]
	 * 小点的颜色  point.color 如 #000 #fff
	 * 日期数字下方的自定义文本  info
	 * text.size 自定义文本字体大小 如 12 14 16
	 * text.color 自定义文本颜色 如 #000 #fff
	 */
	const calendar = ref({})
	const date = ref('')
	const query = defineProps<{ prop : string }>()
	const prop : any = ref({})

	//页面加载
	onLoad(() => {
		//解析配置参数
		prop.value = JSON.parse(query.prop)

	})
	onShow(() => {
		initDate()
	})
	//获取当月所有日期的数组 初始化数据
	const initDate = () => {
		const now = new Date();
		const year = now.getFullYear();
		const month = now.getMonth() + 1; // 月份从 0 开始（0=1月）
		setDate(year, month);

	}
	/**
	 * 设置数据
	 */
	const setDate = (year : number, month : number) => {
		// 获取当月第一天和最后一天
		// const firstDay = new Date(year, month, 1);
		// const lastDay = new Date(year, month + 1, 0); // 下个月第0天 = 本月最后一天
		uni.showLoading({
			title: ''
		})
		//仿照调用接口 设置工作日历数据
		setTimeout(() => {
			uni.hideLoading()
			//测试周报和日报数据 为 9月12号
			date.value = '2025-09-12'
			calendar.value.setPlanList(planList)
		}, 1000)

	}


	/**
	 * 选中
	 */
	const handleSelect = (e : any) => {
		console.log(e)
		if (e.extraInfo.date) {
			// do something
		}
	}
	//周计划点击
	const weekPlanClick = (item : any) => {
		console.log(item)
		if (item.dataState == 1 || item.dataState == 0) {//审核中或者审核通过
			uni.showToast({
				title: JSON.stringify(item),
				icon: 'none',
				duration: 2000
			})

		} else {
			if (!checkWeekRange(item.beginDate, item.endDate)) {
				uni.showToast({
					title: '只能提交当本周或下周的周计划',
					icon: 'none'
				})
				return
			}
			uni.showToast({
				title: '跳转周计划填报页面',
				icon: 'none',
				duration: 2000
			})

		}

	}
	/**
	 * 判断给定的日期范围是否属于本周或下周
	 * @param {string} beginDate - 开始日期，格式为 "YYYY-MM-DD"
	 * @param {string} endDate - 结束日期，格式为 "YYYY-MM-DD"
	 * @returns {string} - 返回 "本周"、"下周" 或 "不在本周或下周"
	 */
	function checkWeekRange(beginDate : any, endDate : any) : Boolean {
		// 将字符串日期转换为Date对象
		const begin = new Date(beginDate);
		const end = new Date(endDate);
		begin.setHours(0, 0, 0, 0)
		end.setHours(0, 0, 0, 0)
		console.log(begin + '  ' + end)

		// 获取当前日期
		const today = new Date();
		today.setHours(0, 0, 0, 0); // 清除时间部分

		// 计算当前周的起始和结束日期（周一至周日）
		const currentWeekStart = new Date(today);
		const dayOfWeek = today.getDay(); // 0是周日，1是周一，...，6是周六
		const diffToMonday = dayOfWeek === 0 ? -6 : 1 - dayOfWeek; // 调整为周一作为一周的第一天
		currentWeekStart.setDate(today.getDate() + diffToMonday);
		currentWeekStart.setHours(0, 0, 0, 0);

		const currentWeekEnd = new Date(currentWeekStart);
		currentWeekEnd.setDate(currentWeekStart.getDate() + 6);

		// 计算下周的起始和结束日期
		const nextWeekStart = new Date(currentWeekStart);
		nextWeekStart.setDate(currentWeekStart.getDate() + 7);

		const nextWeekEnd = new Date(currentWeekEnd);
		nextWeekEnd.setDate(currentWeekEnd.getDate() + 7);
		console.log(currentWeekStart + '  ' + currentWeekEnd)
		// 检查日期范围是否完全在本周内
		const isCurrentWeek = begin >= currentWeekStart && end <= currentWeekEnd;

		console.log(nextWeekStart + '  ' + nextWeekEnd)
		// 检查日期范围是否完全在下周内
		const isNextWeek = begin >= nextWeekStart && end <= nextWeekEnd;

		// 检查日期范围是否跨越本周和下周（部分在本周，部分在下周）
		const isOverlapping = (begin <= currentWeekEnd && end >= nextWeekStart);

		if (isCurrentWeek) {
			console.log('本周')
			return true;
		} else if (isNextWeek || isOverlapping) {
			console.log('下周')
			return true;
		} else {
			console.log('非本周或下周')
			return false;
		}
	}

	//是否属于当前周
	const isInRange = (bengin : any, end : any) => {
		const benginDate = new Date(bengin)
		const endDate = new Date(end)
		const currentDate = new Date()
		return currentDate >= benginDate && currentDate <= endDate
	}
	//日报点击
	const datePlanClick = (item : any) => {
		console.log(item)
		//展示周计划的时候需要校验周计划状态
		if (prop.showPlan) {
			if (item.dataState == null || item.dataState == 'undefined') {
				uni.showToast({
					title: '请先提交周计划',
					icon: 'none'
				})
				return
			}
			if (item.dataState == 0) {
				uni.showToast({
					title: '周计划审核中...',
					icon: 'none'
				})
				return
			}
		}

		//审批中 已通过
		if (item.dayStatus == 1 || item.dayStatus == 2) {
			uni.showToast({
				title: '跳转日报详情页面',
				icon: 'none',
				duration: 2000
			})
		} else {//未提交或者驳回
			if (!isDateInCurrentWeek(item.fullDate)) {
				uni.showToast({
					title: '只能提交本周内的日报',
					icon: 'none'
				})
				return
			}
			uni.showToast({
				title: '跳转日报填写页面',
				icon: 'none',
				duration: 2000
			})
		}

	}

	/**
	 * 判断某个日期是否属于本周
	 * @param {Date|string} targetDate - 目标日期（Date 对象或 "YYYY-MM-DD" 字符串）
	 * @returns {boolean} - 是否属于本周
	 */
	function isDateInCurrentWeek(targetDate : any) : Boolean {
		// 如果传入的是字符串，转换为 Date 对象
		const date = typeof targetDate === 'string' ? new Date(targetDate) : new Date(targetDate);

		// 获取当前日期
		const today = new Date();

		// 计算本周一的日期（以周一作为一周的第一天）
		const currentWeekMonday = new Date(today);
		currentWeekMonday.setDate(today.getDate() - today.getDay() + 1); // getDay() 周日是 0，周一是 1，...，周六是 6
		currentWeekMonday.setHours(0, 0, 0, 0); // 清除时间部分，确保比较的是日期

		// 计算本周日的日期
		const currentWeekSunday = new Date(currentWeekMonday);
		currentWeekSunday.setDate(currentWeekMonday.getDate() + 6);
		currentWeekSunday.setHours(23, 59, 59, 999); // 设置为周日最后一刻

		// 判断目标日期是否在本周范围内
		return date >= currentWeekMonday && date <= currentWeekSunday;
	}


	//月份切换
	const monthSwitch = (e : any) => {
		console.log(e)
		setDate(e.year, e.month)
	}
	//日期转字符串格式
	const dateToStr = (date : any) => {
		var year = date.getFullYear() //年
		var month = date.getMonth() //月
		var day = date.getDate() //日
		var hours = date.getHours() //时
		var min = date.getMinutes() //分
		var second = date.getSeconds() //秒
		return year + "-" +
			((month + 1) > 9 ? (month + 1) : "0" + (month + 1)) + "-" +
			(day > 9 ? day : ("0" + day)) + " " +
			(hours > 9 ? hours : ("0" + hours)) + ":" +
			(min > 9 ? min : ("0" + min))
	}
	//字符串转日期
	const strToDate = (str : string) => {
		var date = new Date(str)
		return date.getTime()

	}
</script>

<style>

</style>